#htmltutorial #csstutorial #htmlcssfullcourse

HTML & CSS Full Course - Beginner to Pro (2022)

1,629,798 views
Feb 5, 2022
SuperSimpleDev
78.2K subscribers
Subscribe
In this full course, we learn how to build websites with HTML and CSS, and get started as a software engineer. Exercise solutions: https://supersimple.dev/courses/html-... Copy of the code: https://supersimple.dev/courses/html-... HTML and CSS reference: https://supersimple.dev/html Lessons: 0:00 Intro 1:02 1. HTML Basics 17:42 2. CSS Basics 44:39 3. Hovers, Transitions, Shadows 1:03:10 4. Chrome DevTools & CSS Box Model 1:17:30 5. Text Styles 1:52:18 6. The HTML Structure 2:11:08 7. Images and Text Boxes 2:25:42 8. CSS Display Property 2:34:58 9. The div Element 2:46:55 10. Nested Layouts Technique 3:16:58 11. CSS Grid 3:43:58 12. Flexbox 4:15:21 13. Nested Flexbox 4:44:36 14. CSS Position 5:07:14 15. Position Absolute and Relative 5:33:49 16. Finish the Project 6:07:46 17. More CSS Features 6:30:21 Outro Additional Information: This HTML CSS full course is a series of HTML CSS tutorials, teaching the major skills that we need to create complex websites. Each HTML CSS tutorial builds on a project and provides some HTML CSS exercises to practice what we learned. By the end, we'll learn the basics of web development and we'll be on our way to becoming a web developer and software engineer. #htmltutorial #csstutorial #htmlcssfullcourse #html #css #tutorial #fullcourse #course #htmltutorial #csstutorial #htmlcsstutorial #htmlfullcourse #cssfullcourse #webdevelopment #advancedhtmltutorial #advancedcsstutorial #coding #codingtutorial #softwareengineer #softwareengineering #learntocode #supersimpledev
Show less
For those contemplating diving into a 6hr course...DO IT. His basic & foundational HTML/CSS explanations are in a league of it's own! This course is an amazing combination of audio and visual learning. You will not regret investing your time into this tutorial!!
654
This video has been one of the best 6 hours, 31 minutes, and 23 seconds of my life! Seeing my development from before starting this course to the end is just INSANE! In my opinion, what makes this video so special is that he doesn't just show you what you can do with HTML & CSS, but he ACTUALLY TEACHES you. I'm a rising high school senior, and I completed this course over the entire month of August (only because I have a lot of stuff to do like preparation for college admissions). There were times where I couldn't watch the next lesson for days, but his teaching style, for example, reminding us of even the small details and how they work, helped me progress and finish this course. I am incredibly grateful! Not only that, but everything about this video was amazing! Seeing how much effort you put into this video, the exercises (including solutions), even the freaking html-css-reference... JUST SPECTACULAR! Keep up the wonderful work, and the efforts you put into creating such educational content will always be appreciated! You're the best! Much love from Istanbul, Turkey ❤
12
I recently started my coding journey and I just finished your course with no words to express how grateful I am. The way you teach, your voice, audio and visuals are amazing and very easygoing, especially for people like me who don't have English as first language. Please make more tutorials, thank you very much!
20
This was extremely helpful,especially with the challenge exercises at the end of each course,that turned this tutorial into a real life college lecture, thank you so much for providing us with such content for free. cheers!
28
(4 hours in) It's crazy we're getting this for free. Thank you so much. you just teach everything from the basics so everyone can understand. looking forward more tutorials on back end development.
42
This course is wonderful refresher. I'm a self-learner backend dev and now I have the need to do some frontend for my portfolio app. I'm not a complete stranger to HTML/CSS, but the knowledge slowly atrophies if you don't use it. Your concise explanations, pace and exercises are exactly what I need. Thanks for spreading quality material, FREE of charge!
14
(52 minutes in) Bro your channel is so good and underrated. I've watched many HTML, CSS, JavaScript courses on YouTube and this is by far one of the best if not the best I've ever come acrosss. The way you explain, the way you give exercises throughout, the notes/diagrams on screen and much more. I was shocked when I realised you only have 8k subscribers, I just assumed you were one of those channels with a few hundred thousand 🤣 seriously great stuff, keep it up!
743
Doing this course now and making sure to do all the exercises… I am 3 hours in and I know it will be about a month until I am finished but it’s so definitely worth my time😃 so thankful for this tutorial and looking forward to doing more tutorials by you … Thankyou for this
28
Just wanted to say what a pleasure it was to watch your video. It was very informative and I had already taken a course on HTM and CSS but still learned some great tips and techniques. You organize the class in a great way that was simple to understand. The exercises were very helpful and the fact you helped us put the techniques into action by actually creating a youtube site was genius for helping me retain and understand what I just learned! Huge thank you to you and please keep up the great work.
1
I actually finished the whole damn video! I soaked each and every lesson like a sponge. As someone who has watched tons and tons of tutorial videos recently, it was intimidating knowing this was the longest one by far. The first 5 minutes, I noticed the slow and steady approach of explanation, and the delicacy not to skip minor yet crucial information; it was consistent all throughout the whole thing. You're an excellent tutor if I'd seen one. Cheers!
29
Day 01: 1:17:30 Day 02: 2:25:43 Day 03: 3:16:48 Day 04: 3:59:56 Day 05: 4:25:50 Day 06: 05:07:12 Day 07: Finished! It was really worth it and I've learned a lot in one week! Thank you so much and more tutorials like this to come <3
232
This was a great course. I’ve given up so many times trying to learn HTML/CSS. Other courses seemed easy while learning but it never stuck. The explanations you provided along with the exercises made me remember a lot more than usual. I feel so much more confident now. On to JavaScript now. Thank you sooooo much.
14
The quality of this content is beyond description. My man even came up with a whole method of spaced repetition to solidify his teaching. The fact he worked with real life examples from the beginning is also gold. Congrats, Simon! I don't think it's easy to find paid content that is as good as this one.
50
this 6 hour course is honestly worth your time. Recently started to code about 3 weeks ago took some free HTML and CSS courses on udemy and saw this video in my recommended . Not only is this video one of the best you'll ever find for a complete beginner like myself. you also made it very enjoyable and fun to learn along. the challenges help you a lot and get you to actually code what your learning which is the best way to learn and retain all the information. you honestly deserver more subscribers! Thanks A lot and I cant wait for your next course video :D
6
Thank you for putting up this wonderful piece. The content is rich, concise and very explanatory. Plus the exercises make learning so much fun
Thank you Simon. You brought the coding spirit back into me after dumping it for years. I've had so many videos on my PC but this is absolutely fantastic. You really deserve an award. You're a fabulous teacher..
3
Only watched a hour so far but gotta say you are really good at teaching, super easy to follow and the exercises are really helpful. Cant wait to finish watching and following along.
I am 3 hours and 16 minutes into this (watched and done the exercises over the course of the last 3 days). This course is better than paid ones. Love your exercises at the end of each lesson. The way you break things down is excellent.
65
This is absolute gold. Great pacing and love the incremental style he uses to introduce new concepts. The exercises adds a great dimension to the whole project and makes sure you are getting along. Thanks for the great content.
thanks so much, you covered everything from basics so precisely and straight to the point, better than the online paid courses!